<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05-Vue的常用指令-v-show</title>
</head>
<body>
<div id="app">
    <p v-show="show">要显示出来！</p>
    <p v-show="hide">不要显示出来！</p>
    <!--v-show可以接收一个表达式.不满足条件则不显示。相当于display:none-->
    <p v-show="height > 1.55">小明身高:{{height}}m</p>
    <p v-show="height1 > 1.55">小明身高:{{height1}}m</p>
</div>
<script src=" https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script>
    //通过数据操控界面

    let vm = new Vue({
        el: '#app',
        data: {
            show: true,
            hide: false,
            //v-show可以接收一个表达式.
            height: 1.68,
            height1: 1.50,
        }
    });
</script>
</body>
</html>